<script>
export default {
  name: 'TheContent',
  props: {
    pans: {
      type: Array,
      default: () => { return [] }
    }
  },
  render () {
    return (
          <div>
          {
              this.pans.map(ele => {
                return <div style={{ display: ele.isActive ? 'block' : 'none' }}>{ele.$slots.default}</div>
              })
          }
          </div>
    )
  }
}
</script>
